iT邦幫忙

2021 iThome 鐵人賽

DAY 13
0
自我挑戰組

Android 初新者系列 第 13

Day13 - Button(三)

  • 分享至 

  • xImage
  •  

前幾篇我們學會了TextView和Button基本用法
今天我們把兩個結合在一起
做3顆按鈕:
其中1顆可以把TextView的字放大
另一顆則是把字縮小
最後一顆可以更改TextView的字
廢話不多說

開始

用到功能
第1顆按鈕:按鈕Button的按一下事件、TextView的setTextSize();
第2顆按鈕:按鈕Button的按一下事件、TextView的setTextSize();
第3顆按鈕:一樣有按鈕的按一下事件、TextView的setText();

  • 布局
    拉出第三顆按鈕、一個TextView(可以把文字置中比較好看)
    TextView就不需要拉三個了,三顆按鈕控制一個TextView就好
    設定id:
    放大按鈕:android:id="@+id/a"
    縮小按鈕:android:id="@+id/b"
    設定文字按鈕:android:id="@+id/c"
    TextView:android:id="@+id/textView"

https://ithelp.ithome.com.tw/upload/images/20210921/20141769kbE0L5zgTJ.png

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <Button
        android:id="@+id/a"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="放大" />

    <Button
        android:id="@+id/b"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="縮小" />

    <Button
        android:id="@+id/c"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Button" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="水拉"
        android:textAlignment="center" />
</LinearLayout>

到Java檔
先抓元件
之後設定三顆按鈕單一事件

package com.example.hellow;

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.util.Size;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
    private float size =20;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button a = findViewById(R.id.a);
        Button b = findViewById(R.id.b);
        Button c = findViewById(R.id.c);
        TextView textView = findViewById(R.id.textView);
        a.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                textView.setTextSize(++size);
            }
        });

        b.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                textView.setTextSize(--size);
            }
        });

        c.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                textView.setText("變更成功!!!");
            }
        });
    }

}

執行結果:
初始畫面
https://ithelp.ithome.com.tw/upload/images/20210921/20141769GZuzPnUOgu.png

點擊放大後
https://ithelp.ithome.com.tw/upload/images/20210921/20141769dkmxVu7MY8.png

點擊縮小
https://ithelp.ithome.com.tw/upload/images/20210921/20141769scm0XB6KwV.png

點擊設定
https://ithelp.ithome.com.tw/upload/images/20210921/20141769XKSweRrqxt.png文字


上一篇
Day12 - Button(二)
下一篇
Day14 - Button外傳
系列文
Android 初新者30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言